<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>左边自适应右边固定</title>
</head>
    <style>
        *{padding: 0;margin: 0}
        html,body {
            height: 100%;
        }
        .wrapper {
            height: 100%;
            background-color: #666;
        }
        .wrapper>.left {
            height: 100%;
            background-color: red;
            margin-right: 210px;
        }
        .wrapper>.right {
            width: 200px;
            height: 100%;
            background-color: blue;
            float: right;
        }
    </style>
    <div class="wrapper">
        <!--div.lef+div.right  快捷方式-->
        <div class="right"></div>
        <div class="left"></div>
    </div>

<body>

</body>
</html>